import { Meta } from '@storybook/addon-docs';

<Meta title="Introduction" />

## Overview

Fluent UI React charts is a set of modern, accessible, interactive, lightweight and highly customizable visualization library representing the Microsoft design system. The charts are used across 100+ projects inside Microsoft including Microsoft 365 and Azure.

The library is built using D3 (Data Driven Documents) and fluent v9 design system.

## Getting Started

To get started with the charts package in your project:

1. Install the desired package using `npm` or `yarn`:

   ```
   npm install @fluentui/react-charts-preview
   ```

   or

   ```
   yarn add @fluentui/react-charts-preview
   ```

2. Import and use the charts in your React application.

3. Refer to the individual chart documentation for detailed usage instructions and examples.

## Contact

The charting project is actively funded by a small feature team. The team responds within 1-2 business days for any queries or doubts.
You can reach out to the charting team by tagging `@microsoft/charting-team` in [discussion](https://github.com/microsoft/fluentui/discussions) items.

You could also create issues under the [charting](https://github.com/microsoft/fluentui/labels/Package:%20charting) tag.

## Contributing

[![contributions welcome](https://img.shields.io/badge/contributions-welcome-1EAEDB)]()

Refer the main fluentui [wiki](https://github.com/microsoft/fluentui/wiki) for detailed instructions on setup and contributing to the package.

A comprehensive contributor guide is available in our internal [wiki](https://aka.ms/fluentChartingWiki). Available to share publically on request.

## Resources

Several resources are available to know more details about the charting project.

Published roadmap [here](https://aka.ms/fluentChartingRoadmap)

Detailed [wiki](https://aka.ms/fluentChartingWiki)

Join our [discord server](https://aka.ms/FluentCharting/discord) for realtime conversation and schedule to our regular office hours.

## Accessibility

Our charts have elaborate accessibility support. The charts are WCAG 2.1 MAS C compliant for accessibility.

More details are covered in the [wiki](https://aka.ms/fluentChartingWiki).
